const React = require('react');
const {
  View,
  StyleSheet,
} = require('react-native');
const {
  JDDevice,
  JDTouchable,
  JDImage,
  JDRouter,
  JDViewPager,
  JDScrollView,
  JDText
} = require('@areslabs/jdreact-core-lib');
const { NavigationBar } = JDRouter;
const ArrayViewPager = require('./ArrayViewPager');
const MapViewPager = require('./MapViewPager');
const CustomIndicatorViewPager = require('./CustomIndicatorViewPager');
const OneViewPager  = require('./OneViewPager');
class JDViewPagerExample extends React.Component {
  render() {
    return (
      <View style={styles.wrapper}>
        <NavigationBar Title="轮播图" />
        <JDScrollView style={styles.body}>
          <ArrayViewPager />
          <OneViewPager />
          <MapViewPager />
          <CustomIndicatorViewPager />
        </JDScrollView>
      </View>
    );
  }
}

const BANNER_HEIGHT = JDDevice.width * 200 / 640;
const styles = StyleSheet.create({
  wrapper: {
    flex: 1,
  },
  body: {
    flex: 1,
  },
});

module.exports = JDViewPagerExample;
